<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title><?=$this->title?></title>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load('visualization', '1.1', {packages: ['corechart','table']});
    </script>
    <script type="text/javascript">

      function drawChart() {
       
        var data = new google.visualization.DataTable(<?=$this->data?>);
        var view = new google.visualization.DataView(data);
        

        
        var table = new google.visualization.Table(document.getElementById('div_table'));
        var chart = new google.visualization.LineChart(document.getElementById('chart'));


        table.draw(view, {allowHtml: true,});
        
        view.hideColumns([4])
        chart.draw(view, {<?=$this->options?>});

        
      }


      google.setOnLoadCallback(drawChart);
    </script>
  </head>
  <body>

        <div id="chart" style='width: 100%; height: 600px;'></div>
        <div id="div_table" style='width: 95%;'></div>

  </body>
</html>